<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="../css/header.css" />
    <link rel="stylesheet" type="text/css" href="../css/footer.css" />
    <link rel="stylesheet" type="text/css" href="../css/data.css" />
    <link rel="stylesheet" type="text/css" href="../css/base-clear.css" />

</head>
<body>
    <div class="header-container"></div>
    <main>
        <!-- search~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <section class="data-search">
            <div class="tcat-logo">
                <a href="http://127.0.0.1:2113/html/onestopshopping.html"><img src="../img/Tcat-logo.JPG"></a>
                <p class="store-id">那片海饰品旗舰店<i>&nbsp;</i></p>
                <ul>
                    <li>描述<span>4.7</span></li>
                    <li>服务<span>4.7</span></li>
                    <li>物流<span>4.7</span></li>
                    <li></li>
                </ul>
            </div>
            <div class="data-input">
                    <input type="text" class="clearInput">
                    <a href="#">搜天猫</a>
                    <a href="#">搜本店</a>
            </div>
        </section>
        <!-- store-name~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <section class="store">
            <div class="store-name">
                <h3>那片海饰品旗舰店</h3>
                <ul>
                    <li><a href="#">本店所有商品</a></li>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">胸针</a></li>
                    <li><a href="#">发饰</a></li>
                    <li><a href="#">手饰&</a></li>
                    <li><a href="#">耳饰&</a></li>
                    <li><a href="#">戒指&</a></li>
                    <li><a href="#">项链&</a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>

            </div>

        </section>
        <!-- data-des~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <section class="data-des">
            <div class="b-box">
                <div class="inner-box">
                    <div class="left">
                        <div class="img-box">
                            <!-- <img src="../img/aixi.png" alt=""> -->
                            <div class="move-box"></div> 
                        </div>
                        <div class="copy-box">
                            <!-- <img src="../img/aixi.png" class="big-img"> -->
                        </div>
                        <ul class="des-img">
                            
                            
                        </ul>
                        <p><b>收藏商品<span>（7783人气）</span></b><b>举报</b></p>
                    </div>
                    <div class="right">
                        <h3>珍珠花朵戒指小众设计个性置换时尚手饰高级感</h3>
                        <div class="price-activity">
                            <dl>
                                <dt>价格</dt>
                                    <dd class="price-start">￥23.00</dd>
                                <dt>促销价</dt>
                                    <dd>￥<b class="price-end">11.60</b><span>淘金币可抵扣商品价格2%</span></dd>
                                <dt>活动一</dt>
                                    <dd><a href="#">满一件9折；满两件8折</a><a href="http://127.0.0.1:2113/html/other.html">更多优惠</a></dd>
                                <dt>活动二</dt>
                                    <dd><a href="#">满5元，包邮</a><a href="http://127.0.0.1:2113/html/other.html">更多优惠</a></dd>
                            </dl>
                        </div>
                        <p>运费<span>add 浙江金华起发</span></p>
                        <div class="numbers">
                            <ul>
                                <li>月销量<span class="span-red">300+</span></li>
                                <li>送天猫积分</li>
                            </ul>
                            <div class="add-cart">
                                <ul>
                                    <li><b>颜色分类</b><img src="#" alt="" class="img-color"></li>
                                    <li><b>数量</b>
                                        <input type="text" class="goods-number" value="1">
                                        <div class="mini-box">
                                            <button class="add-num">+</button>
                                            <button class="reduce-nmu">-</button>
                                    </div>
                                    件<span>有货</span></li>
                                    <li>
                                        <a href="http://127.0.0.1:2113/html/settlement.html"><button class="order">立即购买</button></a>
                                        <button class="addcart">加入购物车</button>
                                    </li>
                                    <li><b>服务承诺</b>
                                        <div class="promise">
                                        <a href="#">正品保证</a>
                                        <a href="#">极速退款</a>
                                        <a href="#">退货运费险</a>
                                        <a href="#">七天无理由退换</a>
                                    </div>
                                        <span>支付方式</span>
                                    </li>
                                </ul>
                            </div>
                            
                        </div>
                    </div>
                </div>
                <!-- more~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
                <section class="more">
                    <div class="out-left-box">
                        <img src="../img/out-left-box.JPG" alt="">
                    </div>
                    <div class="data-text">
                        <div class="text">
                            <ul>
                                <li>商品详情</li>
                                <li>评价</li>
                            </ul>
                            <p>手机购买</p>
                            <div class="data-main">
                                <div><img src="../img/00000000001.JPG" alt=""></div>
                                <div><img src="../img/00000000001.JPG" alt=""></div>
                                <div><img src="../img/00000000001.JPG" alt=""></div>
                                <div><img src="../img/00000000001.JPG" alt=""></div>
                                <div><img src="../img/00000000001.JPG" alt=""></div>
                        </div>
                        </div>
                       
                    </div>
            </section>
            </div>
            <div class="see-see"><img src="../img/see-see.JPG" alt="">
            </div>
        </section>
        <!-- <section class="mini-cart"><a href="http://127.0.0.1:2113/html/shoppingCart.html">
            结算<span class="span-red">GO</span></a>
        </section> -->
    </main>
    <div class="footer-container"></div>
    <script src="../js/ajax.js"></script>
    <script src="../libs/jquery.min.js"></script>
    <script src="../libs/require.js"></script>
    <script>
        $('.header-container').load('./header.html', function () {
        })
        $('.footer-container').load('./footer.html')
    </script>

    <script src="../js/data-F.js"></script>

    
</body>
</html>